<template>
  <div>
    <el-form :model="postSale" ref="postSale"  label-width="90px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="图片凭证" v-if="postSale.proofImages">
              <div style="padding-top: 10px;">
                <el-image :z-index="zIndex" :preview-src-list="postSale.proofImages.split(',')" v-for="(item,index) in postSale.proofImages.split(',')" :key="index"
                  :src="item"  style="width: 80px;height: 80px;margin-left: 10px">
                </el-image>
              </div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="凭证描述" width="400px">
              <span>{{ postSale.proofDesc }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="供应商" width="400px" v-if="postSale.supplierName">
              <span>{{ postSale.supplierName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="售后类型" width="400px">
              <span>{{ postSale.serviceTypeName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="订单编号" width="400px">
              <span>{{ postSale.orderNo }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="售后原因" width="400px">
              <span>{{ postSale.reasonName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="售后数量" width="400px">
              <span>{{ postSale.serviceNumber }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="售后金额" width="400px">
              <span>{{ postSale.serviceAmountStr }} 元</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="余额退款" width="400px">
              <span>{{ postSale.serviceBalanceStr }} 元</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="现金退款" width="400px">
              <span>{{ postSale.serviceCashStr }} 元</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="售后状态" width="400px">
              <span>{{ postSale.dataStatusName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="申请人" width="400px">
              <span>{{ postSale.applyNickName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label=" 处理人" width="400px">
              <span>{{ postSale.updateName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="申请时间" width="400px">
              <span>{{ postSale.applyTime }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="处理备注" width="400px">
              <span>{{ postSale.remark }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="联系电话" width="400px">
              <span>{{ postSale.applyPhone }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="处理时间" width="400px">
              <span>{{ postSale.updateTime }}</span>
            </el-form-item>
          </el-col>
        </el-row>

        <!-- <el-row>
          <el-col :span="12">
            <el-form-item label="客户收货地址" width="400px">
              <span>{{ postSale.customerAddressUid }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="商家收货地址" width="400px">
              <span>{{ postSale.supplierAddressUid }}</span>
            </el-form-item>
          </el-col>
        </el-row> -->
      <div style="font-size: 20px; margin-bottom: 30px;" >
        <div style="margin-top: 20px;" v-if="postSale.customerAddress ">
          <div class="big_title_style" style="margin-bottom: 20px">客户收货地址</div>
          <customerAddress :customerAddress="postSale.customerAddress"></customerAddress>
        </div>
      </div>
      <div style="font-size: 20px; margin-bottom: 30px;" >
        <div style="margin-top: 20px;" v-if="postSale.supplyAddress ">
          <div class="big_title_style" style="margin-bottom: 20px">商家收货地址</div>
          <supplyAddress :supplyAddress="postSale.supplyAddress"></supplyAddress>
        </div>
      </div>

      <div style="font-size: 20px; margin-bottom: 30px;" >
        <div style="margin-top: 20px;" v-if="postSale.itemVo ">
          <div class="big_title_style" style="margin-bottom: 20px">订单明细</div>
          <orderItem :itemList="[postSale.itemVo]"></orderItem>
        </div>
      </div>

    </el-form>

  </div>
</template>

<script>
import orderItem from "@/components/Order/orderItem";
import customerAddress from "@/components/Order/customerAddress";
import supplyAddress from "@/components/Order/supplyAddress";

export default {
  props: ["postSale"],
  components:{
    orderItem,
    customerAddress,
    supplyAddress,
  },
  data() {
    return {
      zIndex: 3000,
    }
  },
  methods: {
  },
};
</script>

<style scoped>
  .el-form-item {
    margin-bottom: 0;
  }
</style>
